
//主题颜色 用来切换主题风格 不可更改
$index-color:#009f9a;
$let-Bg:#414a53;
$let-Bg-active:#1f2831;

$color-white: #fff;
$color-black-10: darken($color-white, 10%);
$color-black-20: darken($color-white, 20%);
$color-black-30: darken($color-white, 30%);
$color-black-40: darken($color-white, 40%);
$color-black-50: darken($color-white, 50%);
$color-black-60: darken($color-white, 60%);
$color-black-70: darken($color-white, 70%);
$color-black-80: darken($color-white, 80%);
$color-black-90: darken($color-white, 90%);
$color-black: #000;

// RGB
$color-red: #ff6262;
// #f00
$color-green: #2bad66;
// #0f0
$color-blue: #3c88de;
// #00f

// RG & RB & GB
$color-cyan: #066;
$color-yellow: #cfbb5c;

$color-orange: #ff8b35;
// #f90
$color-purple: #9c85d0;
$color-pink: #f09;

$font_gray: #a0a0a0;
$font_gray2: #e9e9e9;
$font_blue: #7998f0;
$blue2: #2999f7;
$blue3: #4dc2f7;
$yellow: #ffe362;
$orange: #fca301;
$el-Blue:#409EFF;


/* element-ui  配色 */
$color-Blue: #409EFF;
$color-Success: #67C23A;
$color-Warning: #E6A23C;
$color-Danger: #F56C6C;
$color-Info: #909399;

$color-yellow:#ffc201;
$color-org:#ff5f01;

$color-text1:#303133;
$color-text2:#606266;
$color-text3:#909399;
$color-text4:#C0C4CC;

$color-border1:#DCDFE6;
$color-border2:#E4E7ED;
$color-border3:#EBEEF5;
$color-border4:#F2F6FC;


// 以“单词”作为换行依据
@mixin text-break-word() {
  white-space: pre-wrap;
  word-wrap: break-word;
}

@mixin text-overflow-nowrap() {
  overflow: hidden;
  white-space: nowrap;
}

// 单行文本以省略号形式（...）溢出隐藏   引用方式 @include text-overflow-nowrap-ellipsis();
@mixin text-overflow-nowrap-ellipsis() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

// 多行文本溢出隐藏（Webkit内核浏览器）
@mixin text-overflow-ellipsis($count) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $count;
  text-overflow: ellipsis;
}

// 渐变背景色
@mixin bg-linear-gradient{
  background-image: linear-gradient(to bottom right, #41b883, #006739);
}

.text {
  &-index{
    color: $index-color;
  }
  &-white {
    color: $color-white;
  }
  &-gray {
    color: $color-black-50;
  }
  &-black {
    color: $color-black;
  }

  &-red {
    color: $color-red;
  }
  &-green {
    color: $color-green;
  }
  &-blue {
    color: $color-blue;
  }

  &-cyan {
    color: $color-cyan;
  }
  &-yellow {
    color: $color-yellow;
  }

  &-orange {
    color: $color-orange;
  }
  &-purple {
    color: $color-purple;
  }
  &-pink {
    color: $color-pink;
  }

}

@mixin transForm($content) {
  transform: $content;
  -webkit-transform: $content;
  -ms-transform: $content;
}

.border{

  &-white {
    border-color: $color-white;
  }
  &-gray {
    border-color: $color-black-50;
  }
  &-black {
    border-color: $color-black;
  }

  &-red {
    border-color: $color-red;
  }
  &-green {
    border-color: $color-green;
  }
  &-blue {
    border-color: $color-blue;
  }

  &-cyan {
    border-color: $color-cyan;
  }
  &-yellow {
    border-color: $color-yellow;
  }

  &-orange {
    border-color: $color-orange;
  }
  &-purple {
    border-color: $color-purple;
  }
  &-pink {
    border-color: $color-pink;
  }

}

@mixin bord_bottom($l) {
  &:before {
    content: "";
    position: absolute;
    left: $l;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
  }
  &:last-child:before {
    display: none;
  }
}


@mixin wordHidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin wordHidden_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
